<template>
  <div class="jifen">
    <header>
      <div class="more-left" @click="danji"><a><img src="../assets/img/m1.png" ></a></div>
      <div class="more-center">{{msg}}</div>
      <div class="more-right"><a></a></div>
    </header>
    <section class="jifen-main">
      <ul>
        <li>
        <a>
          <figure>
            <img src="../assets/img/m5.png">
          </figure>
          <span>{{password}}</span>
          <a><img src="../assets/img/m7.png"></a>
          </a>
        </li>
        
          <li>
          <router-link to="guanyuwomen">
            <figure>
              <img src="../assets/img/m2.png">
            </figure>
            <span>{{guanyu}}</span>
            <a><img src="../assets/img/m7.png"></a>
          </router-link>
          </li>
        
        
        <li>
        <a>
          <figure>
            <img src="../assets/img/m4.png">
          </figure>
          <span>{{mol}}</span>
          <a><img src="../assets/img/m7.png"></a>
          </a>
        </li>

      </ul>
    </section>
    <footer class="more-footer">
      <span>{{tuichu}}</span>
    </footer>
  </div>
</template>

<script>
export default {
  name: 'hello',
  data () {
    return {
      msg: '更多设置',
      password: '修改密码',
      guanyu: '关于我们',
      mol: '客户电话',
      tuichu: '退出当前账号'
    }
  },
  methods: {
    danji () {
      this.$router.go(-1)
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang='less'>
  @import '.././assets/css/reset.css';
  @import '.././assets/css/index.less';
  @import '.././assets/css/more.less';
</style>
